<template>
	<view>
		<cu-custom :isBack="true">
			<block slot="content">
				<view class="custom-title">低碳市场</view>
			</block>
		</cu-custom>
		<view class="manage-top-content">
			<view :class="selTab==index?'sel':'unsel'" v-for="(item,index) in tabList" :key="index" @click="selTab=index">
			  {{item.name}}
			</view>
		</view>
		<view class="padding-top-48 padding-left-32 padding-right-32">
            <view class="text-centers">
            	<image src="https://txr001.zthj.net/voucher_img/noData.png"></image>
            	<view class="jqqds">暂无数据</view>
            	<view class="open-descs">功能正在开发中……</view>
            </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				selTab:1,
				tabList:[
					{name:"碳市场",value:"1"},
					{name:"绿色金融",value:"2"},
					{name:"绿色产品与服务",value:"3"},
				]
			}
		},
		onLoad(option) {
			 this.selTab = option.id
			
		},
		mounted(){
			// this.$route.query.id ? this.selTab = this.$route.query.id :  1 ;
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="less">
	.manage-top-content{
		padding: 48rpx 0 0 32rpx;
		display: flex;
		align-items: center;
		justify-content: start;
		// width: 700rpx;
		overflow-y: scroll;
		.sel{
			// min-width: 218rpx;
			padding: 0 32rpx;
			height: 50rpx;
			line-height:50rpx;
			background: #010101;
			border-radius: 30rpx;
			font-size: 32rpx;
			font-weight: 600;
			color: #FFFFFF;
			text-align: center;
			// margin-right: 60rpx;/
		}
		.unsel{
			// min-width: 224rpx;
			padding: 0 32rpx;
			font-size: 32rpx;
			font-weight: 600;
			color: #010101;
			text-align: center;
			// margin-right: 60rpx;
		}
	}

    .empty{
        margin-top:300rpx;
        color :#999;
        text-align: center;
    }
	
</style>